.Mui-Paper-root > :first-child > .MuiBox-root > .MuiBox-root > .MuiBox-root {
  gap: 8px;
}

.MuiBox-root > .MuiBox-root {
  gap: 8px;
}

.Mui-TableHeadCell-Content-Actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.Mui-TableHeadCell-Content {
  gap: 8px;
}

.MuiPopover-paper {
  height: unset !important;
  background-color: rgb(30, 36, 37) !important;
}

.MuiStack-root > :last-child {
  border-radius: 4px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  padding: 8px 16px !important;
}

.MuiAlert-message {
  padding: 0px !important;
}

.MuiTableContainer-root {
  background-color: rgb(2, 8, 9) !important;

  /* Webkit browsers (Chrome, Safari, newer Edge) */
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  &::-webkit-scrollbar-track {
    background: transparent;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
  }

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.MuiPopover-root > .MuiPaper-root {
  background-color: rgb(30, 36, 37) !important;
}

@keyframes subtleGlow {
  0% {
    background-position: 100% 100%;
    background-size: 100% 100%;
  }
  50% {
    background-position: 95% 95%;
    background-size: 120% 120%;
  }
  100% {
    background-position: 100% 100%;
    background-size: 100% 100%;
  }
}

.task-table-container {
  position: relative;
  background: radial-gradient(
    circle at bottom right,
    rgba(64, 169, 255, 0.03) 0%,
    transparent 70%
  );
  background-size: 100% 100%;
  animation: subtleGlow 8s ease-in-out infinite;
}
